<style lang="less" scoped>

  .shade{
    position: absolute;
    top:0;
    bottom: 0;
    left:0;
    right:0;
    background-color: rgba(192, 192, 192, 0.5);
    text-align: center;
  }

</style>
<template>

  <div class="shade">
    
      <slot></slot>
    
  </div>

</template>
<script>

export default {
  name: 'shade'
}

</script>